<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/enjoy-3.png">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/footer-bar.css">
    <link rel="stylesheet" href="../css/home.css">
</head>
<body>
<header>
    <nav class="row top-bar">
        <p class="col-xs-12">
            <small>我的</small>
        </p>
    </nav>
    <div class="nav-divider"></div>
</header>
<section>
    <div class="row user">
        <div class="col-xs-1"></div>
        <div class="col-xs-6">
            <img src="../img/home/akashi.png" alt="..." class="img-circle user-img">
            <span class="user-name">asuka</span>
        </div>
        <div class="col-xs-4 user-icon">
            <a href="setting.html">
                <i class="fa fa-cog fa-lg"></i>
            </a>
            <a href="">
                <i class="fa fa-bell fa-lg"></i>
            </a>
        </div>
        <div class="col-xs-1"></div>
    </div>
    <div class="row user-tag">
        <div class="col-xs-3">
            <p>127</p>
            <p>收藏</p>
        </div>
        <div class="col-xs-3">
            <p>45</p>
            <p>关注</p>
        </div>
        <div class="col-xs-3">
            <p>39</p>
            <p>喜欢</p>
        </div>
        <div class="col-xs-3">
            <p>179</p>
            <p>浏览记录</p>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<section>
    <div class="row buy-list">
        <div class="col-xs-6">
            <span class="order">我的订单</span>
        </div>
        <div class="col-xs-6 all-order">
            <span>查看全部订单</span>
            <i class="fa fa-angle-right"></i>
        </div>
        <div class="row icon-list">
            <div class="icon-list-tag">
                <img src="../img/home/01.png" alt="">
                <p>待支付</p>
            </div>
            <div class="icon-list-tag">
                <img src="../img/home/02.png" alt="">
                <p>待发货</p>
            </div>
            <div class="icon-list-tag">
                <img src="../img/home/03.png" alt="">
                <p>待收货</p>
            </div>
            <div class="icon-list-tag">
                <img src="../img/home/04.png" alt="">
                <p>评价</p>
            </div>
            <div class="icon-list-tag">
                <img src="../img/home/05.png" alt="">
                <p>售后</p>
            </div>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<section class="service-list">
    <div class="row">
        <div class="col-xs-6">
            <p>邀请好友</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <p>我的礼券</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <p>更多</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<section class="setting-list">
    <div class="row">
        <div class="col-xs-6">
            <p>设置</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <p>用户协议</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <p>联系我们</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <p>关于</p>
        </div>
        <div class="col-xs-6 arrow-right">
            <i class="fa fa-angle-right"></i>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<footer>
    <div id="footer-bar">
        <div class="item collect">
            <a href="../index.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-tag fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">精选</span>
                </div>
            </a>
        </div>
        <div class="item find">
            <a href="find.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-heart fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">发现</span>
                </div>
            </a>
        </div>
        <div class="item shopping">
            <a href="shopping-bag.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-shopping-bag fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">购物袋</span>
                </div>
            </a>
        </div>
        <div class="item home active">
            <a href="home.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-coffee fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">我的</span>
                </div>
            </a>
        </div>
    </div>
</footer>
</body>
<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/footer-bar.js"></script>
</html>